/*--------------------------------------------------------------
	#contact page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#4.1	contact-pg-section
--------------------------------------------------------------*/
.contact-pg-section {
	padding-bottom: 35px;

	@include media-query(991px) {
		padding-bottom: 100px;
	}

	@include media-query(767px) {
		padding-bottom: 80px;
	}

	form input,
	form select,
	form textarea {
		background: $white;
		width: 100%;
		height: 55px;
		border: 2px solid #ebedef;
		border-radius: 0;
		box-shadow: none !important;

		@include media-query(991px) {
			height: 45px;
		}

		&:focus {
			border-color: $theme-primary-color;
		}
	}

	form textarea {
		height: 180px;
	}

	form {
		margin: 0 -15px;
    	overflow: hidden;

		@include placeholder-style(#9d9c9c, 15px, normal);

	    select {
	        display: inline-block;
	        color: #a9a9a9;
	        cursor:pointer;
	        opacity: 1;
	        padding: 6px 12px;
	        font-size: 15px;
	        font-size: calc-rem-value(15);
	    }
	}

	form > div {
		width: calc(50% - 30px);
	    float: left;
	    margin: 0 15px 30px;

	    @include media-query(600px) {
			width: calc(100% - 30px);
	    	float: none;
		}
	}

	form .fullwidth {
		width: calc(100% - 30px);
		float: none;
		clear: both;
	}

	.office-info {
		background-color: $theme-secondary-color;
		position: relative;
		padding: 55px 55px;
		margin-top: -92px;
		margin-left: 50px;

		@include media-query(1199px) {
			margin-left: 0;
		}

		@include media-query(991px) {
			margin-top: 0;
		}

		> div {
			position: relative;
		}

		> div + div {
			padding-top: 30px;
			margin-top: 30px;
			border-top: 1px solid transparentize($white, 0.9);
		}

		h3 {
			font-size: 18px;
			font-size: calc-rem-value(18);
			font-weight: normal;
			color: $white;
			margin: 0 0 0.8em;
		}

		li {
			font-size: 14px;
			font-size: calc-rem-value(14);
			color: $white;

			i {
				color: $theme-primary-color;
				display: inline-block;
				padding-right: 5px;
			}
		}

		ul > li + li {
			margin-top: 8px;
		}
	}



}

.contact-map-section {

	.contact-map {
	    height: 550px;
	}

    iframe {
	    width: 100%;
	    height: 100%;
	    border: 0;
	    outline: 0;
	}
}